<template>
  <div>
    <h2>button-remark-factory</h2>
    <n-space>
      <n-button>Default</n-button>
      <n-button type="tertiary"> Tertiary </n-button>
      <n-button type="primary"> Primary </n-button>
      <n-button type="info"> Info </n-button>
      <n-button type="success"> Success </n-button>
      <n-button type="warning"> Warning </n-button>
      <n-button type="error"> Error </n-button>
    </n-space>
  </div>
</template>

<script lang="ts">
import { defineComponent, ref } from 'vue'
// import AppAddress from '@/components/app-address'
import ButtonRemarkFactory, { state } from '@/components/factory/button-remark-factory.vue'

// const DetailButtonRevoke = defineComponent({
//   extends: ButtonRemarkFactory,
//   name: 'DetailButtonRevoke',
//   setup() {
//     const text = ref('777')

//     function onSubmit(remark: string): Promise<number> {
//       return new Promise(r => {
//         setTimeout(() => {
//           r(0)
//           console.log(remark)
//         }, 200)
//       })
//     }

//     return {
//       ...state({ onSubmit }),
//       text
//     }
//   }
// })

export default defineComponent({
  name: 'AppHome',
  components: {
    // AppAddress,
    // DetailButtonRevoke
  }
})
</script>
